
<? include "header.php" ?>

  <script type="text/javascript" src="lib/OpenLayers.js"></script>
  <script type="text/javascript" src="lib/ext.js"></script>
  <script type="text/javascript" src="lib/LayerSwitcherExt.js"></script>
  <script type="text/javascript" src="lib/rcoos1.js"></script>

  <div id="content" valign=top>
    <!--
    <h1>Regional Map &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id='permalink' href=""><font size=-2>Permalink</font></a></h1>
    -->

          <div id="helpbar">            
          How to use this map:<br/>
          <b>Click</b> the station to view links to related data.<br/>
          <b>The links will appear in the far right panel. <br/>                        
          </div>
  	<table id="maptable">
      <tr>     
        <td>
          <a href=indexArchived.php?tab=4><img src="images/maptabs2.png" border=0 hspace="0" vspace="0" border="0" align="top" usemap="#tabMap"></a><br>
          <map name="tabMap">
            <area shape="rect" coords="0,0,195,24" href="intmap.php?tab=4" alt="view real time map">
            <area shape="rect" coords="196,0,396,24" href="indexArchived.php?tab=4" alt="view archived data map">
          </map>
          <div id="map"></div>      
        </td>
        <td id="layerSwitch">
          <div id="LayerSwitcher"></div>       
        </td>
        <td id="rollOver">        
          <div id="rolloverbox" >             
        </td>           
      </tr>
      <tr>
        <td>        
          <div id=tform></div>
        </td>       
      </tr>
    </table>
 </div>    <!-- end #content -->
 
  <script type="text/javascript">
    loadMap();
  </script>

<? include "footer.html" ?>
